<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>许愿盲盒</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='styles/style.css') }}">
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
    {% include 'base.html' %}
</head>
<body>
    <div class="starry-bg"></div>
    <div class="wish-container">
        <h1>✨ 选择一个许愿盲盒 ✨</h1>
        <div class="wish-boxes">
            <!-- 9个盲盒将通过JS动态生成 -->
        </div>
        
        <div class="selfwish-button" style="text-align: center; margin-top: 2rem;">
            <button onclick="location.href='{{ url_for('main.selfwish') }}'" 
                    style="background-color: #fa9ec3; color: white;">
                我想自己写一个愿望✨
            </button>
        </div>
    </div>
    {% include 'audio.html' %}
    <script src="{{ url_for('static', filename='scripts/script.js') }}"></script>
    <!-- <script src="{{ url_for('static', filename='scripts/wishRecords.js') }}"></script> 引入记录文件 -->
</body>
</html>
<!-- <!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>许愿页面</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="starry-bg"></div>
    <div class="container">
        <h1>✨ 许下你的心愿 ✨</h1>
        <div class="wish-form">
            <textarea id="wish-text" placeholder="写下你的心愿..."></textarea>
            <button onclick="submitWish()">许愿</button>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html> -->